
#main_top {
	
	.banner {
		width: 100%;
		position: relative;
		.swiper-container {
			position: relative;
			height: 520px;
			margin: 0 auto;
			.swiper-pagination {
				z-index: 9999999999;
			}
			.swiper-wrapper {
				height: 520px;
				.swiper-slide {
					a {
						height: 520px;
						display: block;
						position: relative;
						img {
							position: absolute;
							left: 50%;
							transform: translateX(-50%);
							width: 1920px;
							height: 520px;
						}
					}
				}
				
			}
			.swiper-pagination{
				.swiper-pagination-bullet{
					width: 8px;
					height: 8px;
					background: #aaa;
					opacity: 1;
					margin: 0 10px;
				}
				.swiper-pagination-bullet-active {
					background: none;
					width: 6px;
					height: 6px;
					border: 2px solid red;
				}
			}
			.container-fluid {
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				top: 0;
				height: 100%;
				z-index: 999;
				.swiper-button-prev {
					margin-left: 240px;
				}
			}
			
		}
		
		
		.fluid_nav {
			height: 0;
			.banner_nav {
				position: absolute;
				top: -520px;
				left: 0;
				z-index: 999999;
				.banner_nav_list {
					position: relative;
					padding: 10px 0;
					width: 240px;
					height: 500px;
					background: rgba(255,255,255,.9);
					li {
						height: 62px;
						line-height: 62px;
						transition: background .3s;
						a.xilie {
							display: block;
							padding-left: 40px;
						}
						.banner_nav_menu {
							position: absolute;
							display: none;
							top: 0;
							left: 240px;
							padding: 10px 0;
							height: 500px;
							width: 240px;
							background: #fff;
							li {
								a {
									padding-left: 20px;
									img {
										width: 60px;
										height: 60px;
									}
								}
							}
						}
					}
				}
				.banner_nav_list>li:hover{
					background: #fff;
				}
			}
		}
	}
	
	
	.container-fluid {
		position: relative;
		.quickbuy {
			padding-top: 10px;
			div.box {
				float: left;
				height: 180px;
				width: 310px;
				background: #f4f3ef;
				margin-left: 10px;
				overflow: hidden;
				a {
					display: block;
					img {
						height: 180px;
						width: 310px;
						transition: transform .8s;
					}
				}
			}
			div.quickbuy_list {
				a {
					img:hover {
						transform: scale(1.1);
					}
				}
			}
			div.box:first-child {
				width: 239px;
				height: 179px;
				border-left: 1px solid #ebe5d7;
				border-bottom: 1px solid #ebe5d7;
				margin: 0;
				ul {
					li {
						width: 79px;
						height: 89px;
						border-left: 1px solid #ebe5d7;
						border-bottom: 1px solid #ebe5d7;
						float: left;
						text-align: center;
						a {
							display: block;
							height: 59px;
							padding: 20px 0 10px;
							color: #aaa;
							i {
								font-size: 26px;
							}
							span {
								font-size: 12px;
								transition: color .3s; 
							}
						}
						a.active{
							background: red;
							i {
								color: #fff;
							}
							span {
								color: #fff;
							}
						}
					}
					li.box_li {
						border-left: none;
					}
					li.box_li_bottom {
						border-bottom: none;
					}
				}
			}
		}
		
		.rexiao,.jingxuan {
			height: 995px;
			.top,.bottom {
				.box {
					float: left;
					margin-left: 13px;
					width: 290px;
					background: #f4f3ef;
					a {
						display: block;
						height: 450px;
						text-align: center;
						position: relative;
						div.shop_box {
							padding-top: 54px;
							img {
								width: 290px;
								height: 248px;
							}
							h2 {
								font-size: 16px;
								font-weight: normal;
							}
							span {
								font-size: 14px;
								color: #e8340e;
							}
						}
						p.price {
							position: absolute;
							width: 100%;
							bottom: 50px;
							left: 0;
							font-size: 14px;
							line-height: 50px;
							color: #aaaaaa;
							span.now_price {
								color: #e8340e;
								font-weight: bold;
							}
						}
						div.buy_btn {
							position: absolute;
							bottom: 40px;
							left: 0;
							height: 35px;
							width: 100%;
							display: none;
							div {
								display: inline-block;
								height: 34px;
								width: 120px;
								border-radius: 17px;
								line-height: 34px;
								margin: 0 5px;
								font-size: 14px;
							}
							div:first-child {
								background: #fff;
								color: #e8340e;
							}
							div:last-child {
								background: #e8340e;
								color: #fff;
							}
						}
					}
				}
			}
			.top {
				margin-top: 18px;
				.box:first-child {
					width: 593px;
					margin: 0;
					a {
						display: block;
						overflow: hidden;
						img {
							
						}
					}
				}
			}
			.bottom {
				margin-top: 13px;
				.box:first-child {
					margin: 0;
				}
			}
		}
		.jingxuan {
			margin-bottom: 33px;
		}
	}
}









#main_bottom {
	background: #f4f3ef;
	.reping,.shipin {
		.center {
			margin-top: 18px;
			.box {
				float: left;
				margin-left: 13px;
				width: 290px;
				background: #fff;
				transition: transform .5s;
				transform-origin: top;
				a {
					display: block;
					height: 334px;
					img {
						width: 290px;
						height: 200px;
					}
					div {
						padding: 20px 30px;
						h2 {
							font-size: 16px;
							font-weight: normal;
						}
						p {
							font-size: 14px;
							color: #ccc;
							line-height: 30px;
						}
					}
				}
			}
			.box:hover{
				transform: scale(1.05);
			}
			.box:first-child {
				margin: 0;
			}
		}
	}
	.shipin {
		text-align: center;
	}
	.fuwu{
		.center {
			margin-top: 18px;
			padding-bottom: 13px;
			.box {
				float: left;
				margin-left: 13px;
				width: 593px;
				background: #fff;
				a {
					display: block;
					padding: 39px 100px 0 59px;
					height: 133px;
					// height: 172px;
					.fuwu_left {
						width: 77px;
						height: 77px;
						color: #666;
						text-align: center;
						line-height: 77px;
						i {
							font-size: 60px;
						}
					}
					.fuwu_right {
						padding-top: 10px;
						padding-left: 42px;
						line-height: 1em;
						h2 {
							font-weight: normal;
							font-size: 18px;
						}
						p {
							margin-top: 13px;
							font-size: 14px;
							color: #999;
						}
					}
				}
			}
			.box:first-child {
				margin: 0;
			}
		}
	}
}


.title {
	padding-top: 41px;
	h3 {
		font-size: 24px;
		font-weight: normal;
		color: #7e7e7e;
		line-height: 24px;
		float: left;
	}
	.more {
		float: right;
		font-size: 12px;
		line-height: 24px;
		a {
			color: #e8340e;
		}
	}
}